<%-- 
    Document   : CON_VISTA_CHEQUE
    Created on : 05-nov-2014, 10:11:43
    Author     : equipo_4
--%>

<%@page import="java.text.DateFormat"%>
<%@page import="java.text.SimpleDateFormat"%>
<%@page import="CONTABILIDAD_MODELO.CON_FECHA_CIERRE"%>
<%@page import="java.util.Date"%>
<%@page import="java.util.Calendar"%>
<%@page import="java.sql.ResultSet"%>
<%@page import="Conexion.Conexion"%>
<%@page import="RRHH_Modelo.RHH_USUARIO"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="../login/js/jquery-1.8.2.min.js" type="text/javascript"></script>
        <script src="../js/jquery-ui.js" type="text/javascript"></script>
         <script src="../js/jquery.ui.touch-punch.js" type="text/javascript"></script>
         <script src="../login/js/jquery.transform.js" type="text/javascript"></script>
         <link href="../css/NuevoStilo.css" rel="stylesheet" type="text/css"/>
         <script src="../js/jspdf.min.js" type="text/javascript"></script>
        <title>BROKER</title>
    </head>
    <body>
        <%
            RHH_USUARIO usuario = ((RHH_USUARIO)request.getSession().getAttribute("usr"));
            Conexion con = new Conexion(usuario.getUSUARIO(), usuario.getPASSWORD());  
            
             CON_FECHA_CIERRE fecha = new CON_FECHA_CIERRE();
            fecha.setCon(con); 
            DateFormat format5 = new SimpleDateFormat("dd");
            int mes=fecha.mesActual();
            int ano=fecha.anoActual();
            Date dt =Calendar.getInstance().getTime();  
        %>
         <div id="CuerpoFormulario">
            <h1 id="tituloFormulario">LIBRO DE COMPRAS</h1>
            <div id="contenedorBuscadorEstrella">
                <div style="margin-top: -58px;position: fixed;" id="entreperiodo">
                    <span class="negrillaenter">Periodo</span>
                    <input type="text" id="año" placeholder="AÑO" class="chico">
                    <select id="mes" >                                            
                        <option value="1">ENERO</option>
                        <option value="2">FEBRERO</option>
                        <option value="3">MARZO</option>
                        <option value="4">ABRIL</option>
                        <option value="5">MAYO</option>
                        <option value="6">JUNIO</option>
                        <option value="7">JULIO</option>
                        <option value="8">AGOSTO</option>
                        <option value="9">SEPTIEMBRE</option>
                        <option value="10">OCTUBRE</option>
                        <option value="11">NOVIEMBRE</option>
                        <option value="12">DICIEMBRE</option>
                    </select>
                </div>
                
                <div id="entrefechas" style="position: fixed;">
                    <input id="de" type="text" class="chico" placeholder="DESDE"/>
                    <input id="hasta" type="text" class="chico" placeholder="HASTA"/>
                </div>               
                <div  style="position: fixed; width: 10px;">
                    <button id="busquedaEstrella" data-estado="0" style="border-radius: 50px;" > <img src="../img/iconos/lupa.png" alt=""/></button>
                    <div id="buscadoresEstrella" style="opacity:0; transform: scale(0.1);  margin-top: -137px; height: 350px; width: 600px;">
                        <input id="nroFactura" class="pequeño" type="text" placeholder="NRO FACTURA" value="" style="position: relative; top: -16px; left: 256px;">
                        <input id="codComprobante" class="mediano" type="text" placeholder="COD COMPROBANTE" value="" style="position: relative; top: 61px; left: 147px;">
                        <input id="nroAutorizacion" class="mediano" type="text" placeholder="NRO AUTORIZACION" value="" style="position: relative; top: 211px; left: 145px;">
                        <input id="MontoNeto" class="normal" type="text" placeholder="MONTO" value="" style="position: relative; top: 261px; left: -207px;">
                        <input id="totalFactura" class="normal" type="text" placeholder="MONTO FACTURA" value="" style="position: relative; top: 226px; left: 316px;">
                        <input id="codControl" class="mediano" type="text" placeholder="COD CONTROL" value="" style="position: relative; top: 176px; left: -59px;">
                        <input id="codCentro" class="mediano" type="text" placeholder="COD CENTRO" value="" style="position: relative; top: 74px; left: 90px;">
                        <input id="desccentro" class="grande" type="text" placeholder="DESC CENTRO" value="" style="position: relative; top: 90px; left: 396px;">
                        <input id="codCuenta" class="mediano" type="text" placeholder="COD CUENTA" value="" style="position: relative; top: 40px; left: -164px;">
                        <input id="descCuenta" class="grande" type="text" placeholder="DESC CUENTA" value="" style="position: relative; left: -20px; top: 55px;">
                        <input id="fecha" class="normal" type="text" placeholder="FECHA" value="" style="position: relative; top: -83px; left: 14px;">
                    </div>
                </div>
            </div>
                    
            <div class="contenedor100 altoGrande">
                <div>
                    <table id="tabla"  border=1 cellspacing=0 cellpadding=2 bordercolor="666633">

                    </table>
                </div>
            </div>
         </div>
        <footer>
            <a href="#" onclick="imprimirPdf()"><img src="../img/iconos/imprimir.png" /><br/>
                IMPRIMIR
            </a>
            <a href="#" onclick="exportarPdf()"><img src="../img/iconos/pdf.png" /><br/>
                EXPORTAR PDF
            </a>
            <a href="#" id="Atras"><img src="../img/iconos/excel.png" /><br/>
                EXPORTAR EXCEL
            </a>
         </footer>
        <script type="text/javascript">     
            var mes = <%out.print(mes);%>;
            var ano = <%out.print(ano);%>;           
            var dia = <%out.print(format5.format(dt));%>;
            $("#año").val(ano);
            var de="";
            var hasta="";
            $("#de,#hasta").datepicker({ 
                dateFormat: "dd/mm/yy",
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                firstDay: 1,
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
                onSelect: function(dateText) {   
                    de = $("#de").val();
                    hasta = $("#hasta").val();                   
                    if(de!=""&&hasta!="")
                    {      
                        $("#de, #hasta").val("");
                        concc(2);
                    }
                }
            });
             $("#fecha").datepicker({ 
                dateFormat: "dd/mm/yy",
                closeText: 'Cerrar',
                prevText: 'Anterior',
                nextText: 'Siguiente',
                firstDay: 1,
                dayNames: [ "Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado" ],
                dayNamesMin: [ "Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa" ],
                monthNames: [ "Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre" ],
                monthNamesShort: [ "Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dec" ],
                onSelect: function(dateText) {   
                }
           });
             $("#mes").change(function (){
                mes = $(this).find("option:selected").val();
                concc(1);
            });
            
            $("#año").keyup(function(e){
                if(e.keyCode==13){
                     ano = $(this).val();
                     concc(1);
                }
            });
             $(window).resize(function(){
                
                $("#de").parent().css({
                    top:$(".contenedor100").position().top-39, 
                    left:($(".contenedor100").position().left+$(".contenedor100").width())-225
                });
                
               if($("#busquedaEstrella").data("estado")==0){
                   $("#busquedaEstrella").parent().css({
                      top:$(".contenedor100").position().top-149, 
                      left:($(".contenedor100").position().left+$(".contenedor100").width())-322  
                 });
               }else{
                  $("#busquedaEstrella").parent().css({
                        left: ($(window).width() - $('#buscadoresEstrella').outerWidth())/2,
                        top: ($(window).height() -  $('#buscadoresEstrella').outerHeight())/2 
                 }); 
               }
            });
             var vistos = false;
           var efecto=true;
           $("#busquedaEstrella").click(function(){
                    var btn=$(this);
                    if(efecto){
                        if(btn.data("estado")==0){
                            efecto=false;
                            $("#buscadoresEstrella").parent().animate({
                               left: ($(window).width() - $('#buscadoresEstrella').outerWidth())/2,
                               top: ($(window).height() -  $('#buscadoresEstrella').outerHeight())/2
                            },500,function(){

                               $("#busquedaEstrella").animate({
                                    transform: 'scale(2)',
                                },500,efectoTrue());  
                               $("#buscadoresEstrella").animate({
                                    transform: 'scale(1)',
                                    opacity:1
                                },500); 
                            });

                            btn.data("estado","1");
                        }else{
                            efecto=false;
                            $("#buscadoresEstrella").animate({
                                transform: 'scale(0.1)',
                                opacity:0
                            },500,function(){
                                 $("#busquedaEstrella").animate({
                                    transform: 'scale(1)',
                                },500);
                                $("#buscadoresEstrella").parent().animate({
                                    top:($(".contenedor100").position().top-149), 
                                    left:($(".contenedor100").position().left+$(".contenedor100").width())-322 
                                },500,function (){
                                    efectoTrue();
                                    buscar();
                                });
                            });
                            btn.data("estado","0");
                        }
                    }
           });
           function efectoTrue(){
               efecto=true;
           }
           
            $( document ).ready(function() 
            {
                 $("#de").datepicker();
                 $("#hasta").datepicker();
                $("#año").val(ano);
                $("#mes option[value="+mes+"]").attr("selected","selected");
                concc(1);
                $("#de").parent().css({
                  top:$(".contenedor100").position().top-39, 
                  left:($(".contenedor100").position().left+$(".contenedor100").width())-225
                });
                $("#mes option[value="+mes+"]").attr("selected","selected");
                 $("#de").parent().css({
                    top:$(".contenedor100").position().top-39, 
                    left:($(".contenedor100").position().left+$(".contenedor100").width())-225
                 });
                 $("#busquedaEstrella").parent().css({
                      top:$(".contenedor100").position().top-149, 
                      left:($(".contenedor100").position().left+$(".contenedor100").width())-322  
                 });
            });
            
            function concc(tipo)
            {                
                $.post("../CON_VISTA_LIBRO_COMPRAS_CONTROLLER",{proceso:"concc",mes:mes,ano:ano,de:de,hasta:hasta,tipo:tipo},function (data)
                {   
                    $("#tabla").html(data);
                });
            }
            
             $.datepicker.regional['es'] = 
                {
                    closeText: 'Cerrar',
                    prevText: '<Atras',
                    nextText: 'Sigut>',
                    currentText: 'Hoy',
                    monthNames: ['Enero', 'Febrero', 'Marzo', 'Abril', 'Mayo', 'Junio',
                    'Julio', 'Agosto', 'Septiembre', 'Octubre', 'Noviembre', 'Diciembre'],
                    monthNamesShort: ['Ene', 'Feb', 'Mar', 'Abr', 'May', 'Jun',
                    'Jul', 'Ago', 'Sep', 'Oct', 'Nov', 'Dic'],
                    dayNames: ['Domingo', 'Lunes', 'Martes', 'Miércoles', 'Jueves', 'Viernes', 'Sábado'],
                    dayNamesShort: ['Dom', 'Lun', 'Mar', 'Mié;', 'Juv', 'Vie', 'Sáb'],
                    dayNamesMin: ['Do', 'Lu', 'Ma', 'Mi', 'Ju', 'Vi', 'Sá'],
                    weekHeader: 'Sm',
                    dateFormat: 'dd/mm/yy',
                    firstDay: 1,
                    isRTL: false,
                    showMonthAfterYear: false,
                    yearSuffix: ''                    
                };        
            
            function buscar()
           {               
              var nroFactura=$("#nroFactura").val();
              var fecha=$("#fecha").val();
              var codComprobante=$("#codComprobante").val();
              var nroAutorizacion=$("#nroAutorizacion").val();
              var codControl=$("#codControl").val();
              var totalFactura=$("#totalFactura").val();
              var MontoNeto=$("#MontoNeto").val();
              var descCuenta=$("#descCuenta").val();
              var codCuenta=$("#codCuenta").val();
              var desccentro=$("#desccentro").val();
              var codCentro=$("#codCentro").val();
              $.post("../CON_VISTA_LIBRO_COMPRAS_CONTROLLER",{proceso:"busqueda",nroFactura:nroFactura
                  ,fecha:fecha,codComprobante:codComprobante,nroAutorizacion:nroAutorizacion
                  ,codControl:codControl,totalFactura:totalFactura,MontoNeto:MontoNeto
                  ,descCuenta:descCuenta,codCuenta:codCuenta,desccentro:desccentro
                  ,codCentro:codCentro },function(responsetext){
                     $("#tabla").html(responsetext);
                });
           }
            function exportarPdf(){
                var doc=Pdf();
                doc.save('Reporte de cheques.pdf');
            }
            function imprimirPdf(){
                var doc=Pdf();
                var string = doc.output('datauri');
                var iframe = "<embed src='"+string+"' style=\"width: 900px; height: 600px; margin: 0 auto; display: block;\">";
                var x = window.open();
                x.document.open();
                x.document.write(iframe);
                x.document.close();
            }
            function Pdf(){
                var description="Este libro de compras fue generado el periodo de "+$("#mes option:selected").text()+" del "+$("#año").val();
                if(de!=""&&hasta!=""){
                   description="Este libro de compras fue generado entre las fechas de "+de+" y "+hasta;
                }
                var doc = new jsPDF("l","mm","letter");
                var date = new Date();
                var mes=(date.getMonth()+1)+"";
                mes=mes.length===1?"0"+mes:mes;
                var dia=date.getDate()+"";
                dia=dia.length===1?"0"+dia:dia;
                var año=date.getFullYear();
                var hora=date.getHours()+"";
                hora=hora.length===1?"0"+hora:hora;
                var min=date.getMinutes()+"";
                min=min.length===1?"0"+min:min;
                var seg=date.getSeconds()+"";
                seg=seg===1?"0"+seg:seg;
                var fecha=dia+"/"+mes+"/"+año+" "+hora+":"+min+":"+seg;
                doc.text(125,10,"LIBRO DE COMPRAS");
                var fila=28;
                var hoja=1;
                var puntoini=25;
                doc.setFontSize(8);doc.setFontType("bold");
                doc.text(7,18,description);
               
                doc.setFontSize(7);doc.setFontType("bold");
                doc.text(6,28,"NRO FAC.");
                doc.text(21,28,"FECHA");
                doc.setFontSize(5.5);
                doc.text(34,28,"COMPROBANTE");
                doc.text(52,28,"AUTORIZACION");
                doc.text(72.5,28,"COD. CONTROL");
                doc.text(90,28,"TOTAL FAC.");
                doc.text(103,28,"EXCENTO");
                doc.text(118,28,"ICE");
                doc.text(125,28,"TIPO");
                doc.text(132,28,"TC");
                doc.text(139,28,"COD. CUENTA");
                doc.text(161,28,"DESCRIPCION CUENTA");
                doc.text(196,28,"CODIGO CENTRO");
                doc.text(220,28,"DESCRIPCION CENTRO");
                doc.text(244,28,"COD. RETENCION");
                doc.text(264,28,"RETENIDO");
                doc.line(5,25,274,25);
                doc.line(5,29,274,29);
                
                doc.setFontSize(5.5);
                doc.setFontType("normal");
                var tabla=$("table tr");
                for (i = 0; i < tabla.length; i++) {
                    var tr=$(tabla[i]);
                    doc.text(6,fila,tr.find("td:eq(0)").text());
                    doc.text(21,fila,tr.find("td:eq(1)").text());
                    doc.text(34,fila,tr.find("td:eq(2)").text());
                    doc.text(52,fila,tr.find("td:eq(3)").text());
                    doc.text(71,fila,tr.find("td:eq(4)").text());
                    var total=tr.find("td:eq(5)").text();
                    doc.text(101-total.length,fila,total);
                    var excento=tr.find("td:eq(7)").text();
                    doc.text(113-excento.length,fila,excento);
                    var ice=tr.find("td:eq(6)").text();
                    doc.text(123-ice.length,fila,ice);
                    doc.text(126,fila,tr.find("td:eq(9)").text().substring(0,1));
                    doc.text(131,fila,tr.find("td:eq(10)").text());
                    doc.text(137,fila,tr.find("td:eq(12)").text());
                    var desccuenta=tr.find("td:eq(11)").text();
                    desccuenta=desccuenta.length>24?desccuenta.substring(0,24)+"..":desccuenta;
                    doc.text(157,fila,desccuenta);
                    doc.text(191,fila,tr.find("td:eq(14)").text());
                    var dcentro=tr.find("td:eq(13)").text();
                    dcentro=dcentro.length>19?dcentro.substring(0,19)+"..":dcentro;
                    doc.text(220,fila,dcentro);
                    doc.text(244,fila,tr.find("td:eq(16)").text());
                    var reten=tr.find("td:eq(8)").text();
                    doc.text(273-reten.length,fila,tr.find("td:eq(8)").text());
                    fila+=3;
                    if(fila>206){
                        fila-=2;        
                        doc.line(5,puntoini,5,fila);
                        doc.line(20,puntoini,20,fila);
                        doc.line(33,puntoini,33,fila);
                        doc.line(51,puntoini,51,fila);
                        doc.line(70,puntoini,70,fila);
                        doc.line(89,puntoini,89,fila);
                        doc.line(102,puntoini,102,fila);
                        doc.line(114,puntoini,114,fila);
                        doc.line(124,puntoini,124,fila);
                        doc.line(130,puntoini,130,fila);
                        doc.line(133,puntoini,136,fila);
                        doc.line(156,puntoini,156,fila);
                        doc.line(190,puntoini,190,fila);
                        doc.line(219,puntoini,219,fila);
                        doc.line(243,puntoini,243,fila);
                        doc.line(263,puntoini,263,fila);
                        doc.line(274,puntoini,274,fila);
                        puntoini=10;
                        doc.text(5,212,"Fecha realizada:  "+fecha);
                        doc.text(265,212,"Hoja #"+hoja);
                        hoja++;
                        fila=10;
                        doc.addPage(); 
                        doc.line(5,fila,274,fila);
                        fila+=3;
                    }
                }
                fila-=2;
                 doc.line(5,puntoini,5,fila);
                doc.line(20,puntoini,20,fila);
                doc.line(33,puntoini,33,fila);
                doc.line(51,puntoini,51,fila);
                doc.line(70,puntoini,70,fila);
                doc.line(89,puntoini,89,fila);
                doc.line(102,puntoini,102,fila);
                doc.line(114,puntoini,114,fila);
                doc.line(124,puntoini,124,fila);
                doc.line(130,puntoini,130,fila);
                doc.line(136,puntoini,136,fila);
                doc.line(156,puntoini,156,fila);
                doc.line(190,puntoini,190,fila);
                doc.line(219,puntoini,219,fila);
                doc.line(243,puntoini,243,fila);
                doc.line(263,puntoini,263,fila);
                doc.line(274,puntoini,274,fila);
                
                doc.line(5,fila,274,fila);
                doc.setFontType("normal");
                doc.text(5,212,"Fecha realizda:  "+fecha);
                doc.text(265,212,"Hoja #"+hoja);
                
                return doc;
            }  
        </script>
    </body>
</html>
